.my{
    background: #f5f5f5;
    .userTop{
        // height: 220px;
        position: relative;
        background: #4fcc8d;
        &::after{
            position: absolute;
            z-index: 1;
            content: '';
            left: 0;
            right: 0;
            width: 100%;
            height: 100px;
            bottom: -50px;
            background: #4fcc8d;
            border-radius: 50%;
        }
        .avatar{
            padding-top: 55px;
            color: #eee;
            .loginBtn{
                border: 2px solid #f5f5f5;
                color: #f5f5f5;
                border-radius: 40px;
                padding: 5px 20px;
                font-size: 26px;
            }
        }
        .myInfo{
            position: relative;
            top: 55px;
            z-index: 2;
        }
    }
    .myList{
        margin-top: 90px;
    }
    .wxopenbtn{
        background: transparent;
        // margin-top: 30px;
        text-align: left;
        line-height: 1.6;
        margin-left: 20px;
        padding: 15px 0;
        &::after{
            border-color: #d6e4ef;
            border-radius: 0;
            border-top: 0;
            border-right: 0;
            border-left: 0;
        }
        .icon{
            margin-right: 24px;
        }
        .tit{
            font-size: 32px;
            color: #444;
        }
        .desc{
            font-size: 27px;
        }
    }
    .flex-between{
        display: flex;
        align-items: center;
    }
}